<template>
  <intro-view :usage="usage">
    <ui-json :json="json"></ui-json>
    <ui-json :json="json" :colorable="false"></ui-json>
    <ui-json :json="json" :space="4"></ui-json>
  </intro-view>
</template>

<script>
  import usage from './usage.md'
  export default {
    data () {
      return {
        usage,
        json: {
          name: 'ZhangSan',
          age: 18,
          address: {
            province: 'Beijing',
            City: 'Beijing'
          },
          isGay: false,
          ca: null,
          favor: ['swimming', 'basketball']
        }
      }
    },
    methods: {
    }
  }
</script>
